<link rel="stylesheet" href="./css/equal.css">
<body>

    <div class="box box1">
        <div class="img">
            <img src="./img/1.jpg" alt=""  />
            <div class="mask"></div>
        </div>
        <ul>
            <li class="active">
                <img src="./img/1.jpg" alt="">
            </li>
            <li>
                <img src="./img/2.jpg" alt="">
            </li>
        </ul>
        <div class="enlarge"></div>
    </div>
    <div class="box box2">
        <div class="img">
            <img src="./img/1.jpg" alt="" />
            <div class="mask"></div>
        </div>
        <ul>
            <li class="active">
                <img src="./img/1.jpg" alt="">
            </li>
            <li>
                <img src="./img/2.jpg" alt="">
            </li>
        </ul>
        <div class="enlarge"></div>
    </div>


    <script src="./js/equal.js"></script>
    <script>
        let enlarge1 = new Enlarge('.box1')
        let enlarge2= new Enlarge('.box2')
    </script>
</body>

</html>